<template>
	<el-menu :default-active="activeIndex2" class="el-menu-demo" mode="horizontal" @select="handleSelect"
		background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
		<el-menu-item index="1">处理中心</el-menu-item>
		<el-submenu index="2">
			<template slot="title">我的工作台</template>
			<el-menu-item index="2-1">选项1</el-menu-item>
			<el-menu-item index="2-2">选项2</el-menu-item>
			<el-menu-item index="2-3">选项3</el-menu-item>
			<el-submenu index="2-4">
				<template slot="title">选项4</template>
				<el-menu-item index="2-4-1">选项1</el-menu-item>
				<el-menu-item index="2-4-2">选项2</el-menu-item>
				<el-menu-item index="2-4-3">选项3</el-menu-item>
			</el-submenu>
		</el-submenu>
		<el-menu-item index="3" disabled>消息中心</el-menu-item>
		<el-menu-item index="4"><a href="https://www.ele.me" target="_blank">订单管理</a></el-menu-item>
	</el-menu>
	

</template>

<script>
	export default {
		data() {
			return {
				titlename: "", //模糊查询
				activeIndex: '1',
				activeIndex2: '1'
			};
		},
		created() {},

		methods: {
			handleSelect(key, keyPath) {
				console.log(key, keyPath);
			},
			//  产品编码进行 页面携带参数进行跳转页面 跳转的页面是多的一方
			NameLike(titlename) {
				if (titlename === null || titlename === "") {
					this.$message({
						message: "输入有误",
						type: "warning",
					});
				} else {
					//  每次点击清楚缓存
					this.$router.push({
						name: "listLikename",
						params: {
							titlename: titlename
						}
					}); //  页面跳转
					// console.log(row.id, row);
				}

			},
		},
	};
</script>

<style scoped>
	.headerBox {
		width: 100%;
		height: 220px;
		/* background: url("../assets/headerBg.jpg") no-repeat; */
		background-size: cover;
		overflow: hidden;
	}

	.sc {
		width: 1200px;
		height: 50px;
		margin: 1% auto;
	}

	.searchBox {
		width: 350px;
		height: 50px;
		margin-top: 4%;
		/* margin-left: 79%; */
	}

	.hdBox {
		width: 1200px;
		height: 175px;
		margin: 0 auto;
		margin-top: 2%;
		overflow: hidden;
		/* display:inline */
	}

	.leftLogo {
		width: 600px;
		height: 150px;
		background: url("../assets/logo.png") no-repeat;
		background-size: cover;
		/* float: left; */
	}

	.dbBox {
		width: 600px;
		height: 120px;
		/* margin-top: 15px; */
		/* background: url("../assets/biao.png") no-repeat; */
		background-size: 100% 100%;
		/* float: right; */
	}

	.textbox {
		/* width: 370px;
		height: 112px;
		margin-top: 15px;
		background: url('../assets/biaotest1.png')no-repeat;
		background-size: 100% 100%;
		margin-left: 80px; */
		/* width: 360px;
		height: 112px;
		margin-left: 60px;
		font-size: 36px;
		color:red; */
	}

	.box2 {
		padding-left: 40px;
		margin-top: 10px;
	}

	.box3 {
		padding-left: 80px;
	}
</style>